<template>
  <div class="head">
    <span>您在这里：</span>
    <el-dropdown>
      <span class="el-dropdown-link">
        酒店
        <i class="el-icon-arrow-down el-icon--right"></i> &gt;
      </span>
      <el-dropdown-menu slot="dropdown">
        <h5 class="title5">周边国家和地区</h5>
        <el-dropdown-item>荷兰Holland</el-dropdown-item>
        <el-dropdown-item>比利时Belgium</el-dropdown-item>
        <el-dropdown-item>奥地利Austria</el-dropdown-item>
        <el-dropdown-item>瑞士Switzerland</el-dropdown-item>
        <el-dropdown-item>捷克Czech</el-dropdown-item>
        <el-dropdown-item>丹麦Denmark</el-dropdown-item>
        <el-dropdown-item>>>更多国家和地区</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
    <el-dropdown>
      <span class="el-dropdown-link">
        {{TextTitle}}酒店
        <i class="el-icon-arrow-down el-icon--right"></i> &gt;
      </span>
      <el-dropdown-menu slot="dropdown">
        <h5 class="title5">{{TextTitle}}酒店</h5>
        <el-dropdown-item>荷兰Holland</el-dropdown-item>
        <el-dropdown-item>比利时Belgium</el-dropdown-item>
        <el-dropdown-item>奥地利Austria</el-dropdown-item>
        <el-dropdown-item>瑞士Switzerland</el-dropdown-item>
        <el-dropdown-item>捷克Czech</el-dropdown-item>
        <el-dropdown-item>丹麦Denmark</el-dropdown-item>
        <el-dropdown-item>>>更多国家和地区</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
    <el-link type="primary">{{TextTitle}}酒店预订</el-link>
  </div>
</template>
<script>
export default {
  data(){
    return{
      TextTitle:""
    }
  },
  mounted(){
     this.TextTitle = this.$route.params.title;
  }

};
</script>
<style lang="scss">
.head {
  margin-bottom: 20px;
}
</style>


